{% extends "../component/_latout.html" %}
{% block style %}
<link href="/public/admin/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/public/admin/css/plugins/webuploader/webuploader.css">
<link rel="stylesheet" type="text/css" href="/public/admin/css/demo/webuploader-demo.min.css">
{% endblock %}
{% block content %}
<!--wrap-->
<div class="wrapper wrapper-content animated fadeInRight" >
    <input type="hidden" id="uploadToken" value="{{ctx.csrf}}" />
    <input type="hidden" id="folderId" value="{{folder.id}}" />
    <input type="hidden" id="folderName" value="{{folder.name}}" />
     <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>文件上传-上传至{% if folder %}【{{folder.name}}】文件夹{% else %}根目录{% endif %}</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="clear ">
                        <div class="btn-group pull-left">
                            <a class="btn btn-primary" type="button" href="/admin/resource{% if ctx.query.select %}/select?select={{ctx.query.select}}{% if folder %}&folderId={{folder.id}}{% endif %}{% else %}/list{% if folder %}?folderId={{folder.id}}{% endif %}{%endif%}"><i class="fa fa-chevron-left" aria-hidden="true"></i> 返回文件列表</a>
                        </div>
                    </div>
                    <div class="page-container">
                        <div id="uploader" class="wu-example">
                            <div class="queueList">
                                <div id="dndArea" class="placeholder">
                                    <div id="filePicker"></div>
                                    <p>可以将文件拖到这里，单次最多可选300个文件</p>
                                </div>
                            </div>
                            <div class="statusBar" style="display:none;">
                                <div class="progress">
                                    <span class="text">0%</span> <span class="percentage"></span>
                                </div>
                                <div class="info"></div>
                                <div class="btns">
                                    <div id="filePicker2"></div>
                                    <div class="uploadBtn">开始上传</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %} 
{% block script %}
<script src="/public/admin/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/public/admin/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/public/admin/js/hplus.min.js?v=4.1.0"></script>
<script type="text/javascript">
    var BASE_URL = 'js/plugins/webuploader';
</script>
<script src="/public/admin/js/plugins/webuploader/webuploader.min.js"></script>
<script src="/public/admin/js/demo/webuploader-demo.min.js"></script>
{% endblock %} 
